<!DOCTYPE HTML>
<html>
	<head>
		<title>FoodieShop</title>
    
		<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
		<script src="js/jquery.min.js"></script>
		<script src="js/bootstrap.min.js"></script>

		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <script src="vendors/jquery-1.9.1.min.js"></script>
        <script src="bootstrap/js/bootstrap.min.js"></script>
        <script src="vendors/easypiechart/jquery.easy-pie-chart.js"></script>
        <script src="assets/scripts.js"></script>
        
        
        
  
		<!-- Custom Theme files -->
		<link href="css/style.css" rel='stylesheet' type='text/css' />
		<!-- Custom Theme files -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
        <script type="application/x-javascript"> addEventListener("load", function() {
				setTimeout(hideURLbar, 0); }, false); function hideURLbar(){
				window.scrollTo(0,1); } 
            
        
        </script>

			<!----webfonts-- -->
			<!---<link href='http://fonts.googleapis.com/css?family=Exo+2:100,200,300,400,500,600,700,800,900' 
				rel='stylesheet' type='text/css'>- -->
	</head>
	<body>
		<div class="header">
			<div class="container">
				<div class="header_top">
					<ul class="phone">
						<li class="phone_left">
							<i class="mobile">
							</i>
							<span>000-12345678</span>
						</li>
						<li class="phone_right">每例订单收取 2元 配送费，订单超过 20元 免费配送哦！</li>
						<div class="clearfix"></div>
					</ul>
					<ul class="social">
						<li>
							<a href="">
								<i class="tw">
								</i>
							</a>
						</li>
						<li>
							<a href="">
								<i class="fb">
								</i>
							</a>
						</li>
						<li>
							<a href="">
								<i class="rss">
								</i>
							</a>
						</li>
						<li>
							<a href="">
								<i class="msg">
								</i>
							</a>
						</li>
						<div class="clearfix">
						</div>
					</ul>
					<ul class="account">
						<li>
							<a href="account.html">我的账户</a>
						</li>
					</ul>
				
					<div class="clearfix"></div>
				</div>
				<div class="header_bottom">
					<div class="header_nav">
						<div class="logo">
							<h2>
								<a class="city-info__name" id="city" href="index.html"
									gaevent="header/cityname">南通</a>
							</h2>
							<p>
								【
								<a class="city-info__toggle" href="adress.html" gaevent="header/changecity">切换城市</a>
								】
							</p>
						</div>
						<nav class="navbar navbar-default menu" role="navigation">
							<h3 class="nav_right">
								<a href="index.html">
									<img src="images/logo.png" class="img-responsive" alt="" />
								</a>
							</h3>
							<div class="container-fluid">
								<!-- Brand and toggle get grouped for better mobile display -->
								<div class="navbar-header">
									<button type="button" class="navbar-toggle" data-toggle="collapse"
										data-target="#bs-example-navbar-collapse-1">
										<span class="sr-only">导航</span>
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
									</button>
								</div>
								<!-- Collect the nav links, forms, and other content for toggling -->
								<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
									<ul class="nav navbar-nav menu1">
										<li class="active">
											<a href="showfood.html">查询所有商品</a>
										</li>
										<li>
											<a href="store.html">所有店铺</a>
										</li>
										<li>
											<a href="products.html">食物分类</a>
										</li>
										<li>
											<a href="Chinese.html">中餐类</a>
										</li><!--此页面为新加页面 -->
										<li>
											<a href="foreign.html">西餐类</a>
										</li><!--此页面为新加页面 -->
										<li>
											<a href="snack_junk.html">小吃/零食</a>
										</li><!--此页面为新加页面 -->
										<li>
											<a href="dessert_drink.html">甜品/饮品</a>
										</li><!--此页面为新加页面 -->
										<li>
											<a href="fruits.html">水果/蔬菜</a>
										</li>
										<li>
											<a href="flower_cake.html">鲜花/蛋糕</a>
										</li><!--此页面为新加页面 -->
										<!--<li><a href="club.html">Fan Club</a></li> <li><a href="contact.html">Contact</a></li> --><!--此页面不需要 -->
									</ul>
									<ul class="login">
										<a href="account.html">
											<li class="login_top">
												<i class="sign">
												</i>
												<span>登录</span>
											</li>
										</a>
										<a href="storeApply.jsp">
											<li class="login_bottom">
												<i class="register">
												</i>
												<span>店铺入驻</span>
											</li>
										</a>
									</ul>
									<div class="clearfix"></div>
								</div><!-- /.navbar-collapse -->
							</div><!-- /.container-fluid -->
						</nav>
						<div class="clearfix"></div>
					</div>
					<div class="search">
						<!-- <input type="text" class="text" value="请输入您要查找的商品或店铺"
							onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '请输入您要查找的商品或店铺';}">
							<input type="submit" value="查找"> -->
							<h2 class="search_title">商家注册</h2>
					</div>
				</div>
			</div>
		</div>
		<div class="main">
		    <form class="first" action="storeApply" method="post" enctype="multipart/form-data">
			    <ul class="regist_first">
				    <li class="storename">店铺名称
					    <li>
						    <input type="text" class="storename_text" name="shopName" size=30>
						</li>
					</li>
					<li class="email">邮箱
					    <li>
						    <input type="text" class="email_text" name="email" size=30>
						</li>
					</li>
					<li class="storetype">店铺类型
					    <li>
						    <select class="storetype" name="type">
							    <option value="中餐">中餐类</option>
								<option value="西餐">西餐类</option>
								<option value="小吃/零食">小吃/零食</option>
								<option value="甜品/饮品">甜品/饮品</option>
								<option value="水果/蔬菜">水果/蔬菜</option>
								<option value="鲜花/蛋糕">鲜花/蛋糕</option>
							</select>
						</li>
					</li>
					<li>是否配送
					    <span><input class="radio" type="radio" name="distribution" value="1" checked="checked"/>是
						<input class="radio" type="radio" name="distribution" value="0"/>否</span>
					</li>
					<li class="storeadress">店铺地址
					    <li>
						    <input type="text" class="storename_text" name="address" size=30>
						</li>
                       <div class="clsInit">

                           省：<select id="selF" name="province"><option>请选择</option></select>
                           市：<select id="selT" name="city"><option>请选择</option></select>
                           区：<select id="selC" name="town"><option>请选择</option></select>
                     
                            输入详细地址：<input name="detailAddress">
                        </div>
					</li>
					<li class="step">
					    <input id="first_back"  type="button" value="上一步"/>
						<input id="first_next" type="button" value="下一步"/>
					</li>
				</ul>
				<ul id="second">
                    <div id="mysecond">
				    <li class="sellerame">商家姓名
					    <li>
						    <input type="text" class="sellername_text" name="sellerName" size=30>
						</li>
					</li>
					<li class="phone">手机
					    <li>
						    <input type="text" class="email_text" name="mobile" size=30>
						</li>
					</li>
					<li class="passwd">密码
					    <li>
						    <input type="password" class="passwd_text" name="passwd" size=30>
						</li>
					</li>
					<li class="passwd">请再次输入密码
					    <li>
						    <input type="password" class="passwd_text" name="passwd_check" size=30>
						</li>
					</li>
					<li class="idcard">身份证号
					    <li>
						    <input type="text" class="email_text" name="idCard" size=30>
						</li>
					</li>
					<li class="idcardfile">
					    <li class="obverseCardPhoto">身份证正面照
					                 <input type="file" name="obverseCardPhoto" style="width:160px;" />
					    </li>
						<li class="reverseCardPhoto">身份证反面照
					                 <input type="file" name="reverseCardPhoto" style="width:160px;" />
					    </li>
					</li>
					<li class="step">
					    <input  id="second_back" type="button" value="上一步"/>
						<input  id="second_next" type="button" value="下一步"/>
					</li>
                </div>
				</ul>
				<ul id="third">
				    <li class="shopPhoto">
					    <li class="shopfrontPhoto">店铺照片
					                 <input type="file" name="shopfrontPhoto" style="width:160px;" />
					    </li>
						<li class="shopinsidePhoto">店铺内部照片
					        <input type="file" name="shopinsidePhoto" style="width:160px;" />
					    </li>
					</li>
					<li class="license">
					    <li class="businessLicense">营业执照
						    <input type="file" name="businessLicense" style="width:160px;" />
						</li>
						<li class="cateringServiceLicense">餐饮许可证
						    <input type="file" name="cateringServiceLicense" style="width:160px;" />
						</li>
					</li>
					<li class="step">
					    <input  id="third_back" type="button" value="上一步"/>
						<input id="submit" type="submit" value="提  交"/>
					</li>
				</ul>
			</form>
            
        
            
		</div>
		<div class="footer">
			<div class="container">
				<div class="footer-grid footer-grid1">
					<h3 class="m_2">公司信息</h3>
					<ul class="list1">
						<li>
							<a href="#">公司主页</a>
						</li>
						<li>
							<a href="#">关于我们</a>
						</li>
						<li>
							<a href="#">最新消息</a>
						</li>
						<li>
							<a href="#">加入我们</a>
						</li>
					</ul>
				</div>
				<div class="footer-grid footer-grid2">
					<h3 class="m_2">合作伙伴</h3>
					<ul class="list1">
						<li>
							<a href="#">xxxxxxx</a>
						</li>
						<li>
							<a href="#">xxxxxxx</a>
						</li>
						<li>
							<a href="#">xxxxxxx</a>
						</li>
						<li>
							<a href="#">xxxxxxx</a>
						</li>
						<li>
							<a href="#">xxxxxxx</a>
						</li>
						<li>
							<a href="#">xxxxxxx</a>
						</li>
					</ul>
				</div>
				<div class="footer-grid footer-grid3">
					<h3 class="m_2">用户帮助</h3>
					<ul class="list1">
						<li>
							<a href="#">申请退款</a>
						</li>
						<li>
							<a href="#">常见问题</a>
						</li>
						<li>
							<a href="#">用户协议</a>
						</li>
					</ul>
				</div>
				<div class="footer-grid footer-grid_last">
					<ul class="secure">
						<li class="secure_img">
							<img src="images/secure.png" alt="" />
						</li>
						<li class="secure_desc"></li>
						<div class="clearfix">
						</div>
					</ul>
					<ul class="secure">
						<li class="secure_img"></li>
						<li class="secure_desc">小二喊你来</li>
						<span>foodShopping</span>
						<li class="secure_desc">啦！</li>
						<div class="clearfix">
						</div>
					</ul>
				</div>
				<div class="clearfix">
				</div>
				<div class="copy">
					<!-- <p>Copyright &copy;
						2014.Company name All rights reserved.
						<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
					</p> -->
				</div>
			</div>
		</div>
		<div style="display:none">
			<script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540'
				language='JavaScript' charset='gb2312'></script>
		</div>


    <script>
    
       $(function(){
        function objInit(obj){
            return $(obj).html('<option>请选择</option>');
        }
        var arrData={
            山东省:{泰安市:'新泰市,莱芜市',
                    济宁市:'邹城,兖州'},
            四川省:{成都市:'武侯区,青羊区',
                    南充市:'南充，郊区'},
            江苏省:{南京市:'鼓楼区,玄武湖',
                    南通市:'通州湾,三余镇'}
        };
        $.each(arrData,function(pF){
            $('#selF').append('<option>'+pF+'</option>');
        });
        $('#selF').change(function(){
            objInit('#selT');
            objInit('#selC');
            $.each(arrData,function(pF,pS){
                if($('#selF option:selected').text()==pF){
                    $.each(pS,function(pT,pC){
                        $('#selT').append('<option>'+pT+'</option>');
                    });
                    $('#selT').change(function(){
                        objInit('#selC');
                        $.each(pS,function(pT,pC){
                            if($('#selT option:selected').text()==pT){
                                $.each(pC.split(","),function(){
                                    $('#selC').append('<option>'+this+'</option>');
                                })
                            }
                        })
                        
                    });
                }
            })
        });
    });
        
        $("#third").hide();
        $("#mysecond").hide();
        $("#first_next").on("click",function(){
            $(".regist_first").hide();
            $("#mysecond").show();
        });
        $("#second_next").on("click",function(){
            $(".regist_first").hide();
            $("#mysecond").hide();
            $("#third").show();
        });
        $("#second_back").on("click",function(){
            $(".regist_first").show();
            $("#mysecond").hide();
            $("#third").hide();
        });
        $("#third_back").on("click",function(){
            $(".regist_first").hide();
            $("#mysecond").show();
            $("#third").hide();
        });
        
    </script>
	</body>
</html>

